$(function () {

    layui.use(['form','layer'],function () {
        var form = layui.form();
        var layer = layui.layer;


        //点击名字滑动查看对应人的完成情况
        $('.toUser li').click(function () {
            var dataID = $(this).attr('data-id');
            console.log(dataID);
            $('html,body').animate({scrollTop: $('#'+dataID).offset().top-60}, 300);
        });

        //定位回复框
        $('.work-fixed .reply-foucs').click(function () {
            $('html,body').animate({scrollTop: $('.layui-form').offset().top-60}, 300);
            $('.layui-form .layui-textarea').focus();
        });


        //异步请求
        function submit(data) {
            $.post('', data, function(response) {
                if (response.code == 0) {
                    //重新加载页面
                    location.reload();
                    //跳转回首页
                } else {
                    layer.msg(response.msg,{icon: 2});
                }
            }, 'json');
        }

        var userID = {};
        userID.owner = $('.myUser li').attr('data-id'); //发布任务的人员id

        //当前工作者回复按钮
        form.on('submit(reply)',function (data) {
            var allData = $.extend(data.field,userID); //合并
            console.log(allData); //打印信息
            submit(allData);
            form.render();
        });

        //回复、取消
        $(document).on('click','.action',function (e) {
            e.preventDefault(); //阻止默认事件

            var action = $(this).attr('data-action');
            userID.user = $(this).parents('.panel.panel-default').attr('id');

            //回复
            if (action == 'reply') {
                // 回复按钮弹出回复表单
                layer.open({
                    type: 1 ,
                    title: '回复框',   //标题
                    area: ['500px', '280px'],   //宽高
                    shade: 0.4,    //遮罩透明度
                    content: $(".alert-box"),   //支持获取DOM元素
                });
            }

            //取消
            if (action == 'cancel') {
                layer.closeAll();//关闭弹窗
            }
        });

    })
});